/**
*
*
*/
<template>
  <div class="headNav fix">
    <div class="img" @click="headBack">
      <!--<i class="iconfont icon-llmainpageback"></i>-->
    </div>
    <div class="centerTitle ell">
      {{centerTitle}}
      <!--<span v-text="centerTitle" class="ell"></span>-->
      <!--<input type="text" class="centerTitle ell" v-model="centerTitle" readonly/>-->
    </div>
    <div class="rightTitle" v-text="rightTitle" @click="rightClick">

    </div>
  </div>
</template>
<style lang="scss" rel="stylesheet/scss" scoped>
  input{
    background-color: rgba(0,0,0,0);
    color: #fff;
    text-align: center;
  }
  .img{
    width: 1.7rem;
    height: 2.2rem;
    line-height: 2.2rem;
    text-align: left;
    background: url('../assets/images/back.png') no-repeat left center;
    background-size: .6rem 1.1rem;
    float: left;
  }

  .headNav {
    z-index: 9;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background:  #46a1bb;
    background-size: cover;
    height: 2.2rem;
    padding: 0 .75rem;

  >.img{
     height: 2.2rem;
     width: 1.7rem;
     position: relative;
     float: left;
   }
  >.centerTitle{
     color: white;
     font-size: .9rem;
     width: 9.75rem;
     text-align: center;
     line-height: 2.2rem;
     height: 2.2rem;
     position: relative;
     float: left;
     margin-left: 2.05rem;
   }
  >.rightTitle{
     font-size: .8rem;
     width: 3.75rem;
     text-align: right;
     line-height: 2.2rem;
     height: 2.2rem;
     color: white;
     float: left;
   }
  }
  .centerTitle input{
    font-size: .85rem;/*px*/
  }
</style>
<script>

  export default{
    props: ['centerTitle', 'rightTitle'],
    data(){
      return {
      }
    },
    methods: {
      headBack(){
        this.$router.go(-1)
      },
      rightClick(){
        this.$emit('rightClick');
      }
    }

  }
</script>
